<!DOCTYPE html>

<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->

<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->

<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->

<!-- BEGIN HEAD -->

<head>

	<meta charset="utf-8" />

	<title><{:L('hjjp_title')}> | <{:L('statistictable')}> | <{:L('saletable')}></title>

	<meta content="width=device-width, initial-scale=1.0" name="viewport" />

	<meta content="" name="description" />

	<meta content="" name="author" />

	<!-- BEGIN GLOBAL MANDATORY STYLES -->

	<link href="__PUBLIC__/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>

	<link href="__PUBLIC__/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>

	<link href="__PUBLIC__/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>

	<link href="__PUBLIC__/css/style-metro.css" rel="stylesheet" type="text/css"/>

	<link href="__PUBLIC__/css/style.css" rel="stylesheet" type="text/css"/>

	<link href="__PUBLIC__/css/style-responsive.css" rel="stylesheet" type="text/css"/>

	<link href="__PUBLIC__/css/<{$ctype}>.css" rel="stylesheet" type="text/css" id="style_color"/>

	<link href="__PUBLIC__/css/uniform.default.css" rel="stylesheet" type="text/css"/>

	<link href="__PUBLIC__/css/scojs.css" rel="stylesheet" type="text/css"/>
	<!-- END GLOBAL MANDATORY STYLES -->

	<!-- BEGIN PAGE LEVEL STYLES -->

	<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/datepicker.css" />

	<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/daterangepicker.css" />

	<link rel="stylesheet" href="__PUBLIC__/css/select2_metro.css" />

	<link rel="stylesheet" href="__PUBLIC__/css/DT_bootstrap.css" />
	
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/jquery-ui-1.10.1.custom.min.css" />

	<!-- END PAGE LEVEL STYLES -->

	<link rel="shortcut icon" href="__PUBLIC__/image/favicon.ico" />

</head>

<!-- END HEAD -->

<!-- BEGIN BODY -->

<body class="page-header-fixed">
	
	<include file="Public/header" />

	  	<include file="Public/nav" />
	  	
			<!-- BEGIN PAGE TITLE & BREADCRUMB-->

						<h3 class="page-title">

							<{:L('statistictable')}> <small><{:L('statisticshow')}></small>

						</h3>

						<ul class="breadcrumb">

							<li>

								<i class="icon-home"></i>

								<a href="__ROOT__/Index/index.html"><{:L('home')}></a> 

								<i class="icon-angle-right"></i>

							</li>

							<li>

								<a href="#"><{:L('statistictable')}></a>

								<i class="icon-angle-right"></i>

							</li>
							
							
							<li>

								<a href="#"><{:L('saletable')}></a>

							</li>

						</ul>

						<!-- END PAGE TITLE & BREADCRUMB-->

					</div>

				</div>

				<!-- END PAGE HEADER-->

				<!-- BEGIN PAGE CONTENT-->

				<div class="row-fluid">

					<div class="span12">
						
						<div class="portlet box light-grey">

							<div class="portlet-title">

								<div class="caption"><i class="icon-eye-open"></i><{:L('saletable')}></div>

								<div class="tools">

									<a href="javascript:;" class="collapse"></a>

								</div>

							</div>

							<div class="portlet-body">
								
								<!-- BEGIN FORM-->

								<form action="#" id="saleform" class="form-horizontal">

									<div class="row-fluid">

										<div class="span5 ">

											<div class="control-group">

												<label class="control-label"><{:L('daterange')}><span class="required">*</span>:</label>

												<div class="controls">
		
													<div class="input-prepend">
		
														<span class="add-on"><i class="icon-calendar"></i></span><input type="text" name="daterange" class="m-wrap date-range" />
		
													</div>
		
												</div>

											</div>

										</div>

										<!--/span-->

										<div class="span6 ">

											<div class="control-group">

												<label class="control-label"><{:L('region')}><span class="required">*</span>:</label>

												<div class="controls">

													<select class="m-wrap medium" name="region" data-type="changestore" data-placeholder="<{:L('select')}><{:L('region')}>" tabindex="-1">
			
														<option value="-1"><{:L('select')}>...</option>
															
														<foreach name="regionlist" item="region">
																
															<option value="<{$region.id}>"><{$region.name}></option>
															
														</foreach>
			
													</select>

												</div>

											</div>

										</div>

										<!--/span-->

									</div>

									<!--/row-->

									<div class="row-fluid">

										<div class="span5 ">

											<div class="control-group">

												<label class="control-label"><{:L('storetype')}><span class="required">*</span>:</label>

												<div class="controls">

													<select class="m-wrap small" name="storetype" data-type="changestore" data-placeholder="<{:L('select')}><{:L('storetype')}>" tabindex="-1">
			
														<option value="-1"><{:L('select')}>...</option>
																
														<option value="1"><{:L('directstore')}></option>
																
														<option value="2"><{:L('joinstore')}></option>
			
													</select>

												</div>

											</div>

										</div>

										<!--/span-->

										<div class="span6 ">

											<div class="control-group">

												<label class="control-label" ><{:L('store')}>:</label>

												<div class="controls">

													<select class="m-wrap medium" name="store" data-placeholder="<{:L('select')}><{:L('store')}>" tabindex="-1">
			
														<option value="-1"><{:L('select')}>...</option>
														
													</select>

												</div>

											</div>

										</div>

										<!--/span-->

									</div>

									<!--/row-->  

									<div class="form-actions" style="text-align: center; padding-left: 0">

										<button type="submit" class="btn blue"><i class="icon-ok"></i> <{:L('query')}></button>

									</div>

								</form>

								<!-- END FORM--> 

							</div>

						</div>

						<!-- END EXAMPLE TABLE PORTLET-->
						
					</div>

				</div>
				<!-- END PAGE CONTENT-->
				
				<!-- BEGIN PAGE CONTENT-->

				<div class="row-fluid" id="databody">

					<div class="span12">
						
						<div class="portlet box light-blue">

							<div class="portlet-body hide" id="salebody">

							</div>

						</div>

						<!-- END EXAMPLE TABLE PORTLET-->
						
					</div>

				</div>
				<!-- END PAGE CONTENT-->

			</div>

			<!-- END PAGE CONTAINER-->

		</div>

		<!-- END PAGE -->

	</div>

	<!-- END CONTAINER -->
	
	<include file="Public/footer" />
	
	<!-- BEGIN PAGE LEVEL PLUGINS -->

	<script type="text/javascript" src="__PUBLIC__/js/bootstrap-datepicker.js"></script>

	<script type="text/javascript" src="__PUBLIC__/js/date.js"></script>

	<script type="text/javascript" src="__PUBLIC__/js/daterangepicker.js"></script> 

	<script type="text/javascript" src="__PUBLIC__/js/jquery.dataTables.js"></script>

	<script type="text/javascript" src="__PUBLIC__/js/DT_bootstrap.js"></script>

	<!-- END PAGE LEVEL PLUGINS -->

	<!-- BEGIN PAGE LEVEL SCRIPTS -->

	<script src="__PUBLIC__/js/app.js"></script>

	<script src="__PUBLIC__/js/jquery.jqprint.js"></script>

	<script src="__PUBLIC__/js/handledaterange-cn.js"></script>

	<script src="__PUBLIC__/js/ZeroClipboard.js"></script>

	<script src="__PUBLIC__/js/TableTools.min.js"></script>

	<script src="__PUBLIC__/js/dataTables-bootstrap.js"></script>

	<script src="__PUBLIC__/js/ajax-form.js"></script>
	   

	<script>

		jQuery(document).ready(function() {       

		   App.init();
		   
		   AjaxForm.init('saleform', 'Statistic', 'sale', {
		   		daterange: {
                    minlength: 12,
                    required: true
                },
                region: {
                    required: true,
                    min: 1
                },
                storetype: {
                    required: true,
                    min: 1
                }
		   }, $("#salebody"), [3, [1,2,3]]);
		   
		   Daterange.daterangePickers('.date-range');
		   
		   $("select[name=store]").select2();
		   
		   $("select[data-type='changestore']").change(function(){
		   		getStoreBelongs($("select[name=region]").val(), $("select[name=storetype]").val(), $("select[name=store]"));
		   });
		});

	</script>
	

<script type="text/javascript">  
//var _gaq = _gaq || [];  _gaq.push(['_setAccount', 'UA-37564768-1']);  _gaq.push(['_setDomainName', 'keenthemes.com']);  _gaq.push(['_setAllowLinker', true]);  _gaq.push(['_trackPageview']);  
//(function() {    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;    ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);  })();
</script>

</body>

<!-- END BODY -->

</html>